<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>边牧简介</title>
    <style>
      
        h1 {
            text-align: center;
        }
        nav {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        nav a {
            text-decoration: none;
            color: black;
            font-size: 24px;
            margin: 0 10px;
            padding: 5px 10px;
            border-radius: 5px;
            transition: color 0.3s;
        }
        nav a:hover {
            color: green;
        }
        nav a:active {
            color: red;
        }
        nav a:focus {
            color: blue;
        }
        section {
            margin: 20px;
        }
        h3 {
            margin-bottom: 10px;
        }
        p {
            text-indent: 2em;
            line-height: 1.6;
        }
        .back-to-top {
            display: block;
            text-align: right;
            margin-top: 10px;
            color: blue;
            text-decoration: none;
        }
        .mytitle {
            height: 50px;
            background-color: rgb(255, 251, 0);
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
            border-style: double;
            border-color: rgb(255, 0, 0);
            border-width: 10px;
        }
        .mybody{
            margin-left: 10px;
            margin-right: 10px;
        }
        .mybody2{
            border-style: double;
            border-color: rgb(255, 0, 0);
            border-width: 10px;
        }


    </style>
</head>
<body>
   <div>
    <h1>边牧简介</h1>
    <div class="mybody">
        <div class="mytitle">
            <nav>
                <a href="#characteristics">性格特征</a>
                <a href="#intelligence">智力水平</a>
                <a href="#behavior">行为特点</a>
                <a href="#psychology">心理发展</a>
                <a href="#food">食物选择</a>
                <a href="#feeding-time">喂食时间</a>
                <a href="#feeding-quantity">喂食数量</a>
                <a href="#training">训练刺激</a>
            </nav>
        </div>
        <div class="mybody2">
            <div>
                <div style="background:'E:\A_xm\myqq\小边牧.jpg';  background-color: rgb(255, 251, 0); height: 100px;">

                </div>
            </div>
            
                <h3>性格特征</h3>
                <p>边境牧羊犬大充满活力，天生具有强的的金逐和捕猎本能，喜欢追逐小动物，对陌生人警觉，具备保护家庭的本能。</p>
                <a href="#top" class="back-to-top">返回顶部</a>
        
        
            
                <h3>智力水平</h3>
                <p>边牧的智力相当于五岁小孩，与幼儿园中班儿童相当。</p>
                <a href="#top" class="back-to-top">返回顶部</a>
        
        </div>
    </diva>
   </div>
</body>
</html>